<!DOCTYPE html>
<html lang="en">

<head>

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" class="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" href="./css/index.css">
    <title>在家吃饭</title>
    <script>
      (function (window, document) {
        var setRem = function () {
          var innerWidth = document.documentElement.getBoundingClientRect().width || window.innerWidth;
          if (innerWidth > 768) {
            document.documentElement.style.fontSize = 48 + 'px';
          } else {
            document.documentElement.style.fontSize = innerWidth / 15 + 'px';
          }
        };
        window.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', setRem, false);
        setRem();
      })(window, document);
    </script>
  </head>
<body>
  <img src="./images/ch.jpg" class="top" alt="">
  <div class="x-box">
    <p class="x-title">親愛的XXX您好</p>
    <p class="x-text first">您的訂單 (訂單編號)已出貨，我們將使用"黑貓冷凍"配送方式出貨。</p>
    <p class="x-text">待收到您訂購的產品後, 如有問題請拍照私訊線上客服或我們粉絲頁，我們會有專人為您服務。</p>
    <p class="x-text">我們網站上有產品的使用方法, 如果您使用上有任何問題, 歡迎到我們的產品頁查詢。</p>
    <p class="x-text">感謝您的訂購~~</p>
    <p class="x-text active">敬上</p>
    <p class="x-text active">在家吃飯</p>
  </div>
  <div class="b-logo">
    <img src="./images/f.png" alt="">
    <p>歡迎您再次到在家吃飯購物，祝您購物愉快！</p>
  </div>
</body>
</html>